<%@page contentType="text/html;charset=utf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script> 
    <title>公司</title>
    <style type="text/css">
    	*{
		    font-size: 15px;
		  }
		  .list-group-item{
		    font-size: 18px;
		    font-weight:bold;
		  }
		  #list{
		    margin-top: 15px;
		  }
		  .profile{
		    margin-top: 15px;
		  }
		  h3{
		    margin-top: 0;
		  }
		  .jumbotron{
		    height: 600px;
		    background-image: url("../img/jumu.png");
		    background-size:100% 100%;
		    }
		  .list-group #jianjie{
		    display:block;
		    line-height:1.5em;
		    }
		  .profile{
		    line-height:2em;
		    letter-spacing:2px;  
		    font-size: 15px;
		    text-indent:2em;
      }
      .navbar-default{
        font-size:18px;
      }
      h4{
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis;
      }
      span{
        white-space: nowrap;      
        overflow: hidden;         
        text-overflow: ellipsis;
      }
    </style>
</head>
<body>
     <script >
     window.onload = function(){
    	 var id;
    	 var title;
    	 var body;
    	 var date;
    	 var path;
    	 var news = {
    			 "id":id,
    			 "title":title,
    			 "body":body,
    			 "date":date,
    			 "path":path,
    	 }
        $.ajax({
	  	    type:"POST",
              url: 'http://localhost:8080/EnterpriseWebsite/a/home',//需要填入
              data:{news:news},
	            dataType:'json',
	            async:false,
	            success:function(data){
	            	var i=1;
	            	data = eval(data.root);//必须通过eval函数才能解析成json数据，否则会报错
	            	for(var list in data){
	                 var father = document.getElementById("new"+i);
	                 var title = father.getElementsByTagNam("div")[0].getElementsByTagNam("h4");
	                 var text = father.getElementsByTagNam("span");
	                 var img = father.getElementsByTagNam("img")[0];
	                 img.src = list[i-1].path;
	                 title.innerHTML = list[i-1].title;
	                 text.innerHTML = list[i-1].body;
	                 i++;
	               }
		            
	            }
	    });
     }
     </script>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header"> 
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="../img/logo.jpg" style="height: 100px; width: 100px;margin:0;border-radius: 10px;" alt=""></a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active"><a href="home.jsp">首页 <span class="sr-only">(current)</span></a></li>
              <li><a href="product.jsp">产品</a></li>
              <li><a href="cooperate.jsp">合作</a></li>
              <li><a href="news.jsp">资讯</a></li>
              <li><a href="#">留言</a></li>
              <li><a href="#">关于我们</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li><a href="shoping.jsp">商城</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">会员登录 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="../login/login.jsp">登录</a></li>
                  <li><a href="../login/regist.jsp">注册</a></li>
                </ul>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
      <div class="jumbotron text-center">
      </div>
      <div id="list" class="list-group col-lg-2 col-md-3 col-sm-4 text-center">
          <a href="#" class="list-group-item active">
            关于我们
          </a><br>
          <div id="jianjie">
            <ul class="list-group text-center">
              <li>公司简介</li>
              <li>发展历程</li>
              <li>公司荣誉</li>
            </ul>
          </div>
          <a href="#" class="list-group-item">企业文化</a>
          <a href="#" class="list-group-item">投诉举报</a>
          <a href="#" class="list-group-item">联系我们</a>
      </div>
      <div class="profile col-lg-6 col-md-6 col-sm-6">
          <p>杭州窝窝头有限公司是一家经工商正规注册，是一家电子产品代销售的公司，依法经营的企业，位于浙江省杭州市江干区学林街白杨街道280号浙江经贸职业技术学院，这里环境优美，交通方便。主要提供：电子产品的销售，根据生产经营需要，设有多个部门。面对复杂的外部形势和艰巨的生产经营任务，凝聚全员智慧，奋力攻坚克难，取得了骄人成绩。</p>
          <p>企业综合实力雄厚，检测手段完善，建有完整的质量保证体系，为确保产品的技术水准和质量的稳定提高，奠定了坚实的基础。在企业所在领域享有较高声誉。而且经过多年的发展,企业人才结构合理，荟萃行业精英。现有一支能为客户快速提供商品与服务的员工团队而且我们建立了一支效率一流、服务一流的营销队伍!</p></div>
     <div class="media col-lg-4 col-md-3 col-sm-12">
        <div><h3>公司新闻</h3></div>
        <a href="new.jsp">
          <div class="media-left media-middle" >
              <img class="media-object" src="../img/new1.jpg" alt="..."  width="80px" height="50px">
          </div>
          <div class="media-body" >
            <h4 class="media-heading">业界良心！AMD悄悄升级一代锐龙的架构和工艺</h4>
            <span>AMD已经推出了锐龙3000系列处理器，不知道有多少用户还在使用锐龙一代。虽然锐龙一代刚刚推出时非常强劲，但也存在内存兼容性差、单核性能不足的情况。虽然是今年前的产品，AMD依旧在生产。比较有意思的是，AMD悄悄对锐龙5 1600进行了升级。在美亚上，锐龙5 1600售价85美元，但网友却发现，这个锐龙5 1600与之前的锐龙5 1600却不一样。其采用了12nm工艺，并且核心也升级为Zen+。也就是说，虽然这款锐龙5 1600的名字还是一代锐龙，但内部已经换成二代锐龙了!花着一代锐龙的钱，买到二代锐龙的核心，相信很多朋友都相当惊讶。这款处理器的编号末尾为AF，生产日期为2019年2月下旬。当然，附赠的散热器有所缩水，但相信购买这款处理器的朋友肯定不会介意。</span>
          	<span>2019-11-16</span>
          </div> </a>
          <br/>
        <div>
                <a href="#"><div class="media-left media-middle" >
                  
                    <img class="media-object" src="../img/new2.jpg" alt="..."  width="80px" height="50px">
                  
                </div>
                <div class="media-body" >
                  <h4 class="media-heading">AMD一代锐龙处理器升级12nm工艺：高频更稳</h4>
                  <span>管基于7nm Zen2架构的第三代锐龙处理器已成为市售主力，但实际上价格跌幅感人的一、二代锐龙依然颇有销路。有趣的是，用户发现，原型号YD1600BBAE的锐龙5 1600处理器悄然被更替为YD1600BBAF，经CPU-Z、HWinfo等硬件检测工具识别，AF版新处理器居然升级为了12nm工艺。新工艺不仅带来了更低的功耗和发热，性能稳定性也进一步提高。Reddit上有用户测试称，老芯片在任何负载下，即便是只开了单核和双核，频率也会很容易掉到3.4GHz，而新芯片可以在3.7GHz上“苟”更久，也就是比2600仅仅低了200MHz。稍稍需要注意的是，AMD为AF处理器附赠的是Wraith Stealth散热器，而非Wraith Spire。至于AMD为何悄悄做出这种调整还不得而知，有猜测是1600的需求超过了2600，也有猜测是GF出于某种原因关闭了14nm产线。</span>
                  <span>2019-12-20</span>
                </div></a>
                <br/>
        </div>
             <a href="#"> <div class="media-left media-middle" >
        
              <img class="media-object" src="../img/new3.jpg" alt="..."  width="80px" height="50px">
           
          </div>
          <div class="media-body" >
            <h4 class="media-heading">WPS连续35周蝉联Mac商店免费榜榜首</h4>
            <span>近日，WPS官方宣布，WPS Office for Mac上线至今连续35周蝉联“Mac App Store免费App排行榜”榜首!目前WPS在Mac商店拥有5320个评价，综合评分4.6分，作为对比，排在第二位的微信共拥有5859个评价，但综合评分仅有2.7分，第三位的QQ评分也仅有2.8分。横向对比来看，无论是下载量还是用户满意度，WPS在Mac平台都是遥遥领先的。还有部分原因是Mac商店APP无论质量还是数量都良莠不齐所致，导致有一个优秀的APP就非常容易被用户关注到。除WPS、微信、QQ之外，免费榜第3-10名分别是解忧、腾讯视频、iMovie剪辑、keynote讲演、pages文稿、numbers表格、GarageBand，Mac预装软件占据了半壁江山。WPS Office for Mac是一款集文字、表格、演示、PDF、 思维导图、流程图、云文档管理于- -体的办公软件，围绕办公向用户提供一切高效、稳定、个性化的专业服务。我们致力于让每- -位用户 专注高质量输出自己的想法，让办公变为-件简单又享受的事情。</span>
          	<span>2019-12-26</span>
          </div> </a>
          <br/>
      </div>
</body>
</html>